<template>
	<div class="dealy_body">
		<div class="cart_left"><img :src="imgUrl+sendData.goodsImg" /></div>
		<div class="cart_right">
			<p class="title">
				<span class='godname' >{{sendData.goodsName}}</span>
				<span class='statusSpan rejectOrder' v-if="sendData.organizationReplyType == '-1'" >申请中 </span>
				<span class='statusSpan showSpan' v-if="sendData.organizationReplyType == '0'" >驳回</span>
				<span class='statusSpan sureSpan' v-if="sendData.organizationReplyType == '1'" >同意</span>
			</p>
			<p>工单编号：{{sendData.orderNo}}</p>
			<p>
				<span>申请时间：{{sendData.applyTime}}</span>
			</p>
			<p>
				<span>申请天数：{{sendData.delayDateCount}}</span>
			</p>
		</div>
	</div>
</template>

<script>
export default {
	props: ['sendData'],
	data() {
		return {imgUrl:'http://files.ybangy.net/'};
	},
	filters:{
		 
	},
	methods: {},
	onShow(option) {
		console.log('345678909876545678')
		console.log(option,this.sendData,this.status)
	}
};
</script>

<style lang="scss" scoped>
.dealy_body {
	display: flex;
	.cart_left {
		margin-right: 20rpx;
		flex: 1;
		img {
			border-radius: 10rpx;
			width: 140rpx;
			height: 150rpx;
		}
	}
	.cart_right {
		font-size: 24rpx;
		color: #777;
		display: flex;
		justify-content: space-between;
		padding: 0 0 10rpx 0;
		flex-direction: column;
		flex: 4;
		.title {
			display: flex;
			font-weight: 500;
			color: #333;
			font-size: 28rpx;
		}
		.godname{
			flex: 5;
		}
		
		p {
			line-height: 40rpx;
			span {
				margin-right: 20rpx;
			}
			
			.upDay{
				background-color: #FF3E3E;
				color: #FFFFFF;
			}
			.statusSpan{
				text-align: center;
				display: inline-block;
				box-shadow:0px 2px 11px 0px rgba(192,192,192,0.5);
				padding:0 15rpx;
				border-radius:10rpx;
				flex: 2;
				font-size: 20rpx;
				line-height:40rpx ;
			}
			.agoDate{
				background: #7F7F7F;
				color: #FFFFFF;
				font-size: 16rpx;
			}
			.sureSpan{
				background:rgba(123,195,40,0.05);
				border:1px solid rgba(123,195,40,1);
				color:#7BC328;
			}
			.showSpan{
				background:rgba(255,240,239,1);
				
				color:#FF3B30;
			}
			.rejectOrder{
				background:rgba(255,168,115,0.05);
				border:1px solid rgba(255,168,115,1);
				color:#FFA873;
			}
		}
	}
}
</style>
